<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WelCome to HuNan University JudgeOnline</title>
    <link rel="stylesheet" href="style/nav.css" >
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 自己的js文件 -->
    <script src="js/controller.js"></script>
    <script src="js/myajax.js"></script>
    <script src="js/filter.js"></script>
</head>
<body>
    <div class="container">
        <!-- page head -->
        <div class="head-logo">
            <img alt="hnulogo" src="img/hnulogo.gif">
            <h2>Welcome To Hunan University Judge Online</h2>
            <img alt="acmlogo" src="img/acm.png" class="img-circle icpc" />
        </div>
        <div class="masthead">
            <ul class="nav nav-pills">
                <li id="home"><a href="index">Home</a></li>
                <li id="problem"><a href="problemset">Problem</a></li>
                <li id="contest"><a href="contest">Contest</a></li>
                <li id="status"><a href="status">Status</a></li>
                <li id="rank"><a href="rank">Rank</a></li>
                <li id="user"><a href="discuss">Discuss</a></li>
                <li id="about"><a href="fas">FAQ</a></li>
                <li class="pull-right" id="info">
                    <button type="button" class="btn btn-primary" onclick="preLogin()">Login</button>
                    <button type="button" class="btn btn-primary" onclick="preRegister()">Register</button>
                </li>
            </ul>
        </div>

        <!-- Site content-->
        <div class="row">
            <div class="col-lg-4">
                <h2>最近通知</h2>
                <h4 class="text-danger">acm新生赛将于近期展开</h4>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                <p><a class="btn btn-primary" href="#" role="button">更多 &raquo;</a></p>
            </div>
            <div class="col-lg-4">
                <h2>风采展示</h2>
                <div class="carousel slide roll" id="carousel-84594">
                    <ol class="carousel-indicators">
                        <li data-slide-to="0" data-target="#carousel-84594" class="active">
                        </li>
                        <li data-slide-to="1" data-target="#carousel-84594">
                        </li>
                        <li data-slide-to="2" data-target="#carousel-84594">
                        </li>
                        <li data-slide-to="2" data-target="#carousel-84594">
                        </li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <img alt="" src="img/pic1.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    2005年.起点
                                </h4>
                                <p>
                                    湖南省首届程序设计竞赛团体冠军
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="img/pic2.jpg" />
                            <div class="carousel-caption">
                                <h4>
                                    2008年杭州
                                </h4>
                                <p>
                                    参与icpc
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="img/pic3.JPG" />
                            <div class="carousel-caption">
                                <h4>
                                    2010年哈尔滨
                                </h4>
                                <p>
                                    区域赛上首夺金队员合影
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <img alt="" src="img/pic4.JPG" />
                            <div class="carousel-caption">
                                <h4>
                                    2014年莫斯科
                                </h4>
                                <p>
                                    首次参加全球总决赛
                                </p>
                            </div>
                        </div>
                    </div> <a class="left carousel-control" href="#carousel-84594" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-84594" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                </div>
                <p><a class="btn btn-primary margin-top-2" href="#" role="button">更多 &raquo;</a></p>
            </div>
            <div class="col-lg-4">
                <img alt="acm-photo" src="img/acm2.jpg" class="img-rounded" style="width: 100%" />
            </div>
        </div>
  
        <!-- Site footer -->
        <footer class="footer">
            <p>&copy; HNU ACM Team | <a href="#">Contact Us</a> | Version 2018</p>
            <p>Developer：balabala</p>
        </footer>
  
    </div>
</body>
<script>
    $("#home").addClass("active");
</script>
<script src="js/afterLoad.js"></script>
</html>